<template>
  <div class="common-layout layout">
    <el-header class="header">后台管理系统</el-header>
    <el-container class="center">
      <el-scrollbar>
        <Aside></Aside>
      </el-scrollbar>
      <el-main style="height: 100%">
        <router-view></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script setup>
import Aside from './aside/index.vue'
</script>
<style lang="scss" scoped>
.el-header {
  background: cadetblue;
}
.center {
  height: calc(100% - 60px);
}

.layout,
.el-aside {
  // background: #ddd;
  height: 100%;
}
.el-main {
  padding: 0;
}
</style>
